



<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
         .checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {
             margin-top: 4px;
           }

    </style>
</head>

<body style="padding:3px;overflow-x: auto;">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center">产品费用率查询</h2>
    </div>
    <!-- 标题 -->
    <div>
    <form action="" class="form-inline">
       <table class="tab-content table-bordered table bud_hei" border="1" style="margin-top:2px;">
          <tr>
      		  <td style="min-width: 120px;width: 120px;" class="text-center">查询内容</td>
            <td colspan="5">
               <div class="form-group">
                     <label class="radio-inline">
                         <input type="radio" checked name="inons2" id="inons21" value="option11">费用投入额
                     </label>
                    <label class="radio-inline">
                         <input type="radio" name="inons2" id="inons22" value="option21">发运额
                      </label>
                    <label class="radio-inline">
                         <input type="radio" name="inons2" id="inons23" value="option12">费用率
                      </label>
                    <label class="radio-inline">
                         <input type="radio" name="inons2" id="inons24" value="option24">综合查询
                      </label>
                </div>
            </td>
          </tr>
      <tr>
        <td class="text-center" style="min-width: 120px;width: 120px;">品牌</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">全部</option>
          </select>
        </td>
        <td class="text-center" style="min-width: 120px;width: 120px;">品类</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
         <td class="text-center" style="min-width: 120px;width: 120px;">系列</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
      </tr>
       <tr>
        <td class="text-center">SKU</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
        <td class="text-center">单品</td>
        <td colspan="3">
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
      </tr>
       <tr>
        <td class="text-center">分区</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">全部</option>
          </select>
        </td>
        <td class="text-center">省份</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
         <td class="text-center">城市</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
      </tr>
        <tr>
        <td class="text-center">经销商</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">全部</option>
          </select>
        </td>
        <td class="text-center">系统</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
         <td class="text-center">网点</td>
        <td>
          <select name="" id="" class="form-control select">
            <option value="0">请选择</option>
          </select>
        </td>
      </tr>
      <tr>
        <td class="text-center">财务科目</td>
        <td colspan="5">
            <div class="form-group">
                  <span class="checkDiv">
                    <label class="checkbox-inline" for="clf">
                         <input type="checkbox" name="items1"  id="clf" value="陈列费">陈列费
                    </label>
                  </span>
                    <span class="checkDiv">
                        <label class="checkbox-inline" for="cxySalary">
                         <input type="checkbox" name="items1" id="cxySalary" value="促销员工资">促销员工资
                    </label>
                  </span>
              
                <span class="checkDiv">
                     <label class="checkbox-inline" for="jcf">
                  <input type="checkbox" name="items1" id="jcf" value="进场费">进场费
                </label>
                </span>
              
                 <span class="checkDiv">
                     <label class="checkbox-inline" for="constractCost">
                  <input type="checkbox" name="items1" id="constractCost" value="合同费">合同费
                </label>
                 </span>
               
                 <span class="checkDiv">
                        <label class="checkbox-inline" for="manageCost">
                  <input type="checkbox" name="items1" id="manageCost" value="管理费">管理费
                </label>
                 </span>
                
                 <span class="checkDiv">
                       <label class="checkbox-inline" for="dtfTG">
                  <input type="checkbox" name="items1" id="dtfTG" value="堆头费TG">堆头费TG
                </label>
                 </span>
                
                 <span class="checkDiv">
                      <label class="checkbox-inline" for="dj">
                  <input type="checkbox" name="items1" id="dj" value="端架">端架
                </label>
                 </span><br>
             
                 <span class="checkDiv">
                       <label class="checkbox-inline" for="DMCost">
                  <input type="checkbox" name="items1" id="DMCost" value="DM费">DM费
                </label>
                 </span> 
                
                
                 <span class="checkDiv">
                         <label class="checkbox-inline" for="themeActCost">
                  <input type="checkbox" name="items1" id="themeActCost" value="主题活动费用">主题活动费用
                </label>
                 </span>
                
                 <span class="checkDiv">
                          <label class="checkbox-inline" for="htfl">
                  <input type="checkbox" name="items1" id="htfl" value="合同返利">合同返利
                </label>
                 </span>
            
                 <span class="checkDiv">
                     <label class="checkbox-inline" for="tmf">
                   <input type="checkbox" name="items1" id="tmf" value="条码费">条码费
                </label>
                 </span>
               
                 <span class="checkDiv">
                         <label class="checkbox-inline" for="jtf">
                   <input type="checkbox" name="items1" id="jtf" value="交通费">交通费
                </label>
                 </span>
                  
                 <span class="checkDiv">
                         <label class="checkbox-inline" for="adCost">
                   <input type="checkbox" name="items1" id="adCost" value="广告费">广告费
                </label>
                 </span>
                 <span class="lr_5"></span>
                 <button class="btn-info btn" type="button" id="checkAll1">全选</button>
                 <button class="btn-info btn" type="button" id="cancelCheckAll1">取消全选</button>
            </div>

        </td>
      </tr>
      <tr>
        <td class="text-center">时间区域</td>
        <td colspan="5">
          从<div class="form-group"><input type="text" class="form-control layer-date" id="start">月</div>
          <div class="form-group">至</div>
          <div class="form-group"><input type="text" class="form-control layer-date" id="end">月</div>
        </td>
      </tr>
      <tr>
         <td class="text-center">统计方法</td>
        <td colspan="5">
           <div class="form-group">
               <label class="radio-inline" for="formaleAnalyze">
                    <input type="radio" checked name="AnalyzeChange" id="formaleAnalyze" value="0">常规分析
               </label>
               <label class="radio-inline" for="proportionAnalyze">
                 <input type="radio" name="AnalyzeChange" id="proportionAnalyze" value="1">占比分析
               </label>
                      
            </div>
        </td>
      </tr>
      </table>
    <p class="padding-10 text-center">
       <button class="btn btn-info query" >查询</button>
    </p>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script><!-- 
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script> -->
      <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script src="__STATIC__/layout/js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <script src="__STATIC__/layout/js/common.js"></script>
      <script>
              //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY-MM',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY-MM',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);

           /*kind_lx全选*/
              $("#checkAll1").click(function(){
      
               $("[name=items1]:checkbox").prop("checked",true);
           })
           /*kind_lx取消全选*/
             $("#cancelCheckAll1").click(function(){
            $("[name=items1]:checkbox").each(function(){
            $(this).prop("checked",false)
             })
           
           })

      </script>
</body>

</html>
